/* CSS Document */
*{
	margin:0 auto;
	padding:0;
	outline:none !important}
a{ text-decoration:none !important}


a:hover{
	text-decoration:none !important}
ul{
	list-style:none}
.clear{
	clear:both 
	}
.thum-pro{
	width:253px !important;
	height:253px !important;}	
span.tieu_de{
	font-size:17px;
	text-align:left;
	border:none;
	max-width:70%;
	font-weight:lighter;
	color:#FFF;
	float:left;
	background:url(../images/bg_header_nen.png);
	height:40px;
	padding: 10px 20px 0px 20px;	
	}
	
span.tieu_de:hover{
	text-decoration:underline;}
span.viewall{
	color:#0CF;
	margin-left:20px;
	text-decoration:underline !important;
	}
span.viewall:hover{
	color:#F3C
	}				
h5.viewall{
	padding:0;
	margin:0;
	padding-top:5px;
	}
.head-list{
	margin:20px 0px;}	
body{
	font:Arial;
	font-size:14px;
	}
#wapper{

	
	}
header{
	width:100%;
}
div.modal-header{
	background:#FF4400;
	opacity:0.9;
	border-bottom:3px solid #090}
h4.modal-title{
	font-weight:bold;
	color:#FFF;}
div.modal-body{
	padding:20px 120px}	
div.modal-footer{
	background:#FF9;
	text-align:center}	
div.regester{
	margin:50px auto;
	z-index:999999;
	background:#FFF;
	width:600px;
	display:none
	}
div.loginuser{
	display:none;
	margin:50px auto;
	z-index:999999;
	background:#FFF;
	width:600px
	}	
		
		
/* CSS FOR SELECT BOX */
select.timkiem{
   padding-left:5px;
   font-size: 16px;
   height: 34px;
   -webkit-appearance: none;
   border-radius:5px 0px 0px 5px; 
   float:left;
   border: 1px solid #f90 !important;
   font-size:15px;
   box-shadow:none !important;
   border-right:0px solid #F90 !important;
   }
 		
/*CSS FOR boxlogin*/
.boxsearch{width:100%; float:left;background:#FFF; margin-top:10px}
.boxsearch form{
	border:#C0C0C0 1px solid;
	border-radius:6px;
	float:left;
	padding: 8px 0px 8px 13px;
	width:100%;
	background:url(../images/bg-s.png);
	
	
}

.login ul{
	margin-top:30px;
	}
	
.login ul li{
	float:left; margin:0px 5px}
.login ul li a{
	font-weight:bold}
	
/*menu*/
@media (max-width: 480px) {
	.fiximages img{
		width:250px;
		height:200px;
		}
    
}
@media (min-width: 480px) {
	.fiximages img{
		width:350px;
		height:300px;
		}
    
}
@media (min-width: 960px) {
	 .fiximages img{
		width:450px;
		height:400px;
		}	
}	
			

nav{
	width:100%;
	background:#FF4400;
	
}

#main-menu{
	z-index:999;
	background:#FF4400;
	-webkit-box-shadow: rgba(50, 50, 50, 0.819608) 0px 2px 5px 0px !important;
	
	}
#main-menu div{
	padding:0 !important}	
	
	nav.navbar{
		margin:0;
		padding:0}
	.top-menu{
		background:#FF4400;
		width:100%}
	.top-menu ul{ margin:0; padding:0}
	.top-menu ul li{
	display:inline-block; 
	padding:0px;
	position:relative;}	
	.top-menu ul li a{
		color:#FFF !important;
		font-weight:lighter;
		padding-bottom:20px;
		border-radius:0px;}
	.top-menu>ul>li:hover>a{
		border-bottom:3px solid #FF0;
		padding-bottom:17px;
		
		
	}
	.top-menu ul li:hover>ul{
		display:block;
		
	}
	.top-menu ul li ul{
		background:#FFF;
		opacity:.9;
		}
	.top-menu ul li ul li{ 
	   background:#FFF;
	   width:100%;}
	.top-menu ul li ul li a{
		font-weight:lighter;
		color:#FF4400 !important} 
	.top-menu ul li ul li:hover a{
		color:#F3C !important;
		background:#FFF;
		text-decoration:underline !important;
		font-weight:lighter;}
.btn-breadcrumb a{
	color:#FF4400}	
.btn-breadcrumb a:hover{
	color:#F3C}	
.btn-breadcrumb a:last-child{
	color:#000}		
article{
	padding:10px 0px;
	}	
.hotline{
	float:left;
	font-weight:lighter !important;
	font-size:16px;}	
h4.hotline i{
	color:#FF4400 !important;}		
h5.email{
	padding:0px 15px;
	float:right;
	position:relative;
	margin-right:50px}
h5.email a{
	color:#FF4400}	
ul#email_input{
	position:absolute;
	display:none;
	left:-80px;
	padding:20px 20px 10px 20px;
	width:350px;
	margin:0}
ul#email_input input{
	margin:0;
	padding:0}	
#email_input form p.input-group input[type=text]{
	padding-left:10px}
#email_input form p.input-group span button{
	background:#FF4400 !important;
	color:#FFF}			
h5.email:hover ul#email_input{
	display:block;
	background:#fff;
	opacity:.9;
	
	}				 
section{
	width:100%;
	}
ul.list-group li a{
	color:#F90;
	font-weight:bold;
	font-size:14px;}
	
	
	
ul.left-nav li a{
	font-size:13px;
	color:#FF4400 !important;
	font-weight:bold;
	}	

ul.left-nav li a:hover{	
	background:none !important}	
	
.pro-list{
	margin-top:10px}
ul.most-product{
	margin:0;
	padding:0;
	background:none;
	border:none;
	
	}	
ul.most-product li{
	margin:0;
	padding:0;
	background:none;
	border:none;
	margin:10px 90px

	
	
	}	
ul.most-product li a{
	margin:0;
	padding:0;
	background:none;
	border:0px;
	border-radius:50%;
	}	

	
ul.most-product li:hover .danhmuc{
	color:#F00;
	}	
/*CSS cho list product*/	
h4.name-product{
	height:40px;
	overflow:hidden}
h3.name-product{
	color:#03F;
	font-weight:bold;
	font-size:20px
	
	}	
h3.name-product:hover{
	cursor:pointer;
	color:#F6C}	
h4.name-product a{
	color:#333;
	font-size:14px;
	font-weight:bold
	}	
h3.price-product{
	color:#F60;
	line-height:30px;
	font-size:32px;
	font-weight:lighter;
	padding-bottom:20px;
	border-bottom:1px solid #ccc;

}
button.btnvote{
	border-radius:0px; 
	background:#F90; 
	border:#F90;
	margin-left:30px !important;
	color:#fff;}
button.btnvote:hover{
	background:#F6C !important
	}	
a.btnbuy{
	background:#F90 !important;
	border:#F90;
	border-radius:0px;
	margin-left:30px;
	}
a.btnbuy:hover{
	background:#F6C !important}	
span.last-price-product{
	color:#999;
	font-size:12px;
	text-decoration: line-through
	}
div.thumbnail{
	position:relative;
	overflow:hidden}
div.thumbnail:hover h3.info , h3.viewmore{
	display:block
	}	
span.info{
	color:#999;
	font-size:17px;
	font-weight:lighter}	
div.thumbnail:hover h3.viewmore{
	display:block
	}
div.thumbnail:hover{
	box-shadow:#0CF 0px 1px 1px 0px}		
h3.khuyenmai{
	position:absolute;
	top:0px;
	right:25px;
	width:50px;
	height:50px;
	text-align:center;
	padding-top:20px;
	border-radius:50%;
	font-size:16px;
	}
h3.khuyenmai{
	background:FF4400 !important;
	}		
h3.info{
	display:none;
	position:absolute;
	top:-20px;
	width:100%;
	text-align:center;
	background:#FFF;
	opacity:0.7;
	color:#03F;
	padding:15px 5px;
	font-weight:bold;
	font-size:14px}	
h3.viewmore{
	display: none;
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	text-align: center;
	margin: 0;
	
}
h3.viewmore button{
	background:#FF4400 !important;
	color:#FFF;
	border:1px solid #ff4400;
	position:absolute;
	top:40%;
	right:40%;}
h3.viewmore button:hover{
	color:#FFF;
	border:1px solid #ff4400;}	
div.view-image{
	margin: auto}
div.detail-product{
	margin: 20px 0px}	
div.view-image img.bigimg{
	
	margin:15px}
div.view-image ul li{
	margin: 0px 0px 15px 0px;
	display:inline-block;
	text-align:center
	}
div.view-image ul.nav li a{
	border:1px solid #ccc!important}		
h3.title{
	font-weight:bold;
	font-size:28px;
	color:#00F;
	border-bottom:5px solid #03F;
	padding:10px 20px}	
ul.info{
	padding:10px 20px;}	
ul.info li{
	list-style:square;
	color:#000;
	padding:5px;}
ul.info li:first-child{
	color:#F00;
	font-weight:bolder}	
div.detail{
	margin:0px auto;
	padding:15px 5px 10px 15px}	
h3.danhmuc{
	background:#00F;
	color:#FFF;
	text-align:center;
	text-transform:uppercase;
	padding:7px 5px;
	border-radius:5px;
	font-size:19px}
div.bottom-nav{
	margin:10px 50px}	
						

.col-item
{
    border: 1px solid #E1E1E1;
    border-radius: 5px;
    background: #FFF;
}
.col-item .photo img
{
    margin: 0 auto;
    width: 100%;
}

.col-item .info
{
    padding: 10px;
    border-radius: 0 0 5px 5px;
    margin-top: 1px;
}

.col-item:hover .info {
    background-color: #F5F5DC;
}
.col-item .price
{
    /*width: 50%;*/
    float: left;
    margin-top: 5px;
}

.col-item .price h5
{
    line-height: 20px;
    margin: 0;
}

.price-text-color
{
    color: #219FD1;
}

.col-item .info .rating
{
    color: #777;
}

.col-item .rating
{
    /*width: 50%;*/
    float: left;
    font-size: 17px;
    text-align: right;
    line-height: 52px;
    margin-bottom: 10px;
    height: 52px;
}

.col-item .separator
{
    border-top: 1px solid #E1E1E1;
}

.clear-left
{
    clear: left;
}

.col-item .separator p
{
    line-height: 20px;
    margin-bottom: 0;
    margin-top: 10px;
    text-align: center;
}

.col-item .separator p i
{
    margin-right: 5px;
}
.col-item .btn-add
{
    width: 50%;
    float: left;
}

.col-item .btn-add
{
    border-right: 1px solid #E1E1E1;
}

.col-item .btn-details
{
    width: 50%;
    float: left;
    padding-left: 10px;
}
.controls
{
    margin-top: 0px;
}
[data-slide="prev"]
{
    margin-right: 10px;
}
div.bottom-nav{
	position:relative}
div.bottom-nav ul{
	top:30px}	
div.bottom-nav:hover ul.dropdown-menu{
	display:block
	}
.back-to-top {
    cursor: pointer;
    position: fixed;
    bottom: 20px;
    right: 10px;
    display:none;
	
}	


footer{
	width:100%;
	padding:10px 0px;}
footer .contact{
	background:#00E2F0; 
	text-align:center;
	padding:8px 0px;}
footer .contact p{
	color:#333;
	font-weight:bold;
	display:inline-block;
	font-size:18px;
	margin:0 !important;
	}

	.social a {
		position: relative;
		display: inline-block;
		min-width: 40px;
		padding: 10px 0px;
		margin: 0px 5px;
		overflow: hidden;
		text-align: center;
		background:#fff;
		border-radius: 40px;
	}
    a.social-icon {
		text-decoration: none !important;
		box-shadow: 0px 0px 1px rgb(51, 51, 51);
		box-shadow: 0px 0px 1px rgba(51, 51, 51, 0.7);
	}
	a.social-icon:hover {
		color: rgb(255, 255, 255) !important;
	}
	a.facebook {
		color: rgb(59, 90, 154) !important;
	}
	a.facebook:hover {		
		background-color: rgb(59, 90, 154) !important;
	}
	a.twitter {
		color: rgb(45, 168, 225) !important;
	}
	a.twitter:hover {
		background-color: rgb(45, 168, 225) !important;
	}
	a.github {
		color: rgb(51, 51, 51) !important;
	}
	a.github:hover {
		background-color: rgb(51, 51, 51) !important;
	}
	a.google-plus {
		color: rgb(244, 94, 75) !important;
	}
	a.google-plus:hover {
		background-color: rgb(244, 94, 75) !important;
	}
	a.linkedin {
		color: rgb(1, 116, 179) !important;
	}
	a.linkedin:hover {
		background-color: rgb(1, 116, 179) !important;
	} 	
footer .contact ul{
	display:inline-block;
	margin:0;
	}	
footer .contact ul li{
	display:inline-block;
	margin:0px 10px;}	
footer .contact ul li a i{
	font-size:28px;
	color:#FFF;}
footer .contact ul li a i:hover{
	color:#FF4400;
	font-weight:bold;}
	
footer .copyright{
	background:#999; 
	text-align:center;
	padding:15px 0px;
	color:#FFF;}



					
.dynamicTile .col-sm-2.col-xs-4{
    padding:5px;
}

.dynamicTile .col-sm-4.col-xs-8{
    padding:5px;
}

#tile1{
    background: rgb(0,172,238);
}

#tile2{
    background: rgb(243,243,243);
}

#tile3{
    background: rgb(71,193,228);
}

#tile4{
    background-image: url('http://handsontek.net/demoimages/tiles/facebook.png');
    background-size: cover;
}

#tile5{
    background: rgb(175,26,63);
}

#tile6{
    background: rgb(62,157,215);
}

#tile7{
    background: white;
}

#tile8{
    background: rgb(209,70,37);
}

#tile9{
    background: rgb(0,142,0);
}

#tile10{
    background: rgb(0,93,233);
}

.tilecaption{
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%); 
    margin:0!important;
    text-align: center;
    color:white;
    font-family: Segoe UI;
    font-weight: lighter;
}
/*tin tuc*/
.productbox {
    background-color:#ffffff;
	padding:10px;
	margin-bottom:20px;
	-webkit-box-shadow: 0 8px 6px -6px  #999;
    -moz-box-shadow: 0 8px 6px -6px  #999;
    box-shadow: 0 8px 6px -6px #999;
}

.producttitle {
    font-weight:bold;
	padding:5px 0 5px 0;
}
.producttitle a{
	color:#FF4400}
.producttitle a:hover{
	color:#F69}	

.productprice {
	border-top:1px solid #dadada;
	padding-top:5px;
}

.pricetext {
	font-weight:bold;
	font-size:1.4em;
}
/*back-top*/
#back-to-top{
	background:#FF4400; 
	color:#FFF; 
	border-radius:50%;
	z-index:99999999;
	}
#back-to-top:hover{
	background:#F6C}
.hide-bullets {
list-style:none;
margin-left: -40px;
margin-top:20px;
}












/* Carousel Styles */
.carousel-indicators .active {
    background-color: #2980b9;
}

.carousel-inner img {
    width: 100%;
    max-height: 460px
}

.carousel-control {
    width: 0;
}

.carousel-control.left,
.carousel-control.right {
	opacity: 1;
	filter: alpha(opacity=100);
	background-image: none;
	background-repeat: no-repeat;
	text-shadow: none;
}

.carousel-control.left span {
	padding: 15px;
}

.carousel-control.right span {
	padding: 15px;
}

.carousel-control .glyphicon-chevron-left, 
.carousel-control .glyphicon-chevron-right, 
.carousel-control .icon-prev, 
.carousel-control .icon-next {
	position: absolute;
	top: 45%;
	z-index: 5;
	display: inline-block;
}

.carousel-control .glyphicon-chevron-left,
.carousel-control .icon-prev {
	left: 0;
}

.carousel-control .glyphicon-chevron-right,
.carousel-control .icon-next {
	right: 0;
}

.carousel-control.left span,
.carousel-control.right span {
	background-color: #000;
}

.carousel-control.left span:hover,
.carousel-control.right span:hover {
	opacity: .7;
	filter: alpha(opacity=70);
}

/* Carousel Header Styles */
.header-text {
    position: absolute;
    top: 20%;
    left: 1.8%;
    right: auto;
    width: 96.66666666666666%;
    color: #fff;
}

.header-text h2 {
    font-size: 40px;
}

.header-text h2 span {
    background-color: #2980b9;
	padding: 10px;
}

.header-text h3 span {
	background-color: #000;
	padding: 15px;
}

.btn-min-block {
    min-width: 170px;
    line-height: 26px;
}

.btn-theme {
    color: #fff;
    background-color: transparent;
    border: 2px solid #fff;
    margin-right: 15px;
}

.btn-theme:hover {
    color: #000;
    background-color: #fff;
    border-color: #fff;
}		


	
	
